<template>
  <div class="dashboard-editor-container">

    <panel-group1/>

    <el-row :gutter="32">
      <el-col :xs="24" :sm="24" :lg="12">
        <div class="chart-wrapper">
          <!--    <h2>工程类别统计</h2>-->
          <!--    <h4>未填写年份的数据不参与统计</h4>-->
          <LineChart1old v-loading="loading"/>
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="12">
        <div class="chart-wrapper">
          <!--    <h2>档案利用统计</h2>-->
          <!--    <h4>统计指定年份的档案利用情况（默认为当年）</h4>-->
          <line-chart2 v-loading="loading"/>
        </div>
      </el-col>
      <!--      <el-col :xs="24" :sm="24" :lg="8">-->
      <!--        <div class="chart-wrapper">-->
      <!--          <bar-chart />-->
      <!--        </div>-->
      <!--      </el-col>-->
    </el-row>

<!--&lt;!&ndash;    <h2>工程类别统计</h2>&ndash;&gt;-->
<!--&lt;!&ndash;    <h4>未填写年份的数据不参与统计</h4>&ndash;&gt;-->
<!--    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
<!--      <line-chart1 :chart-data="lineChartData" />-->
<!--    </el-row>-->

<!--&lt;!&ndash;    <h2>档案利用统计</h2>&ndash;&gt;-->
<!--&lt;!&ndash;    <h4>统计指定年份的档案利用情况（默认为当年）</h4>&ndash;&gt;-->
<!--    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
<!--      <line-chart2/>-->
<!--    </el-row>-->

<!--    <h2>各个主要分类包含案卷数量</h2>-->
<!--    <h4>根据现有归档案卷统计</h4>-->
    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
      <line-chart3 v-loading="loading" />
    </el-row>




  </div>
</template>

<script>

import LineChart1 from '@/views/dashboard/echarts/LineChart1'
import LineChart2 from '@/views/dashboard/echarts/LineChart2'
import LineChart3 from '@/views/dashboard/echarts/LineChart3'
import PanelGroup1 from '@/views/dashboard/echarts/PanelGroup1'
import LineChart1old from "@/views/dashboard/echarts/LineChart1old.vue";
import {selectModuleVolumeInfoByClassIds} from "@/api/system/volumeinfo";

export default {
  name: 'Index',
  components: {
    PanelGroup1,
    LineChart1,
    LineChart2,
    LineChart3,
    LineChart1old,
  },
  data() {
    return {
      loading: true,
      // queryParams:{
      //   pageNum: 1,
      //   pageSize: 10,
      //   classIds: [38, 109, 76, 79],
      //   vname: '住宅楼',
      // },

    }
  },
  created() {
    // this.getDataByClass();
  },
  methods: {
    // getDataByClass(){
    //   selectModuleVolumeInfoByClassIds(this.queryParams).then(res =>{
    //     console.log(res)
    //   })
    // },
  }
}
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
  padding: 32px;
  background-color: rgb(240, 242, 245);
  position: relative;

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}

@media (max-width:1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}
</style>
